<!DOCTYPE html>
<html lang="en">
<head>
    <title>音乐实验室 - 五月天 - 自传</title>
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="../../pic/icon.png">
    <link rel="stylesheet" type="text/css" href="../../css/bootstrap.min.css"/>
    <link rel="stylesheet" href="../../css/font-awesome.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/demo.css"/>
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
    <link rel="stylesheet" type="text/css" href="css/knobKnob.css"/>
    <script type="text/javascript" src="js/modernizr.custom.69142.js"></script>
</head>
<!--此播放器依赖于开源的jquery.cassette,在此对作者表示感谢!-->
<body style="margin-top: 100px">
<div class="navbar navbar-fixed-top navbar-inverse" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="../../index.html"><span class=" icon-cloud"></span> 音乐网站</a>
        </div>
        <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
                <li><a href="../../index.html"><span class="icon-comments"> 主页</span></a></li>
                <li><a href="../../upload.html"><span class="icon-cloud-upload"> 上传</span></a></li>
                <li class="active"><a href="#"><span class="icon-suitcase"> 音乐实验室</span></a></li>
            </ul>
        </div><!-- /.nav-collapse -->
    </div><!-- /.container -->
</div><!--导航栏结束-->
<div class="container">
    <header>
        <h1><span>音乐实验室</span> 磁带播放机</h1>
        <h3>专辑 : 五月天 - 自传</h3>
        <div class="support-note">
            <span class="no-cssanimations">CSS animations are not supported in your browser</span>
            <span class="no-csstransforms">CSS transforms are not supported in your browser</span>
            <span class="no-csstransforms3d">CSS 3D transforms are not supported in your browser</span>
            <span class="no-csstransitions">CSS transitions are not supported in your browser</span>
            <span class="note-ie">Sorry, only modern browsers.</span>
        </div>
    </header>
    <div id="vc-container" class="vc-container">
        <div class="vc-tape-wrapper">
            <div class="vc-tape">
                <div class="vc-tape-back">
                    <div class="vc-tape-wheel vc-tape-wheel-left">
                        <div></div>
                    </div>
                    <div class="vc-tape-wheel vc-tape-wheel-right">
                        <div></div>
                    </div>
                </div>
                <div class="vc-tape-front vc-tape-side-a">
                    <span>A</span>
                </div>
                <div class="vc-tape-front vc-tape-side-b">
                    <span>B</span>
                </div>
            </div>
        </div>
        <div class="vc-loader"></div>
    </div><!-- //vc-container -->
</div><!-- //container -->
<div id="foot-div">
    <div>
        Design by Chation for graduation design @2017
    </div>
</div>
<script src="../../js/jquery-3.0.0.min.js"></script>
<script src="js/transform.js"></script>
<script src="js/knobKnob.jquery.js"></script>
<script type="text/javascript" src="js/jquery.cassette.js"></script>
<script type="text/javascript">
    $(function () {
        $('#vc-container').cassette();
    });
</script>
</body>
</html>